*{margin: 0;padding: 0;box-sizing: border-box;-moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
html{font-size: 14px;}
body{color: #333;font-family: 'Microsoft YaHei', SimHei, SimYou, SimSun, Arial;}
a{color: #333;text-decoration: none;}
ul{clear: both;}
li{list-style: none;}
div{display: block;}
p{display: block;}

.css-clear{clear: both;}
.css-hide{display: none;}
.css-show{display: block;}
.css-bold{font-weight: bold;}
.css-lighter{font-weight: lighter;}
.css-left{float: left;}
.css-right{float: right;}
.css-center{text-align: center;}
.css-justify{text-align: justify;}

.css-flow{overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.css-clamp{display:-webkit-box;-webkit-box-orient:vertical;overflow: hidden;text-overflow: ellipsis;}
.webkit-clamp-01{-webkit-line-clamp:1;}
.webkit-clamp-02{-webkit-line-clamp:2;}
.webkit-clamp-03{-webkit-line-clamp:3;}
.webkit-clamp-04{-webkit-line-clamp:4;}
.webkit-clamp-05{-webkit-line-clamp:5;}
.webkit-clamp-06{-webkit-line-clamp:6;}
.webkit-clamp-07{-webkit-line-clamp:7;}
.webkit-clamp-08{-webkit-line-clamp:8;}
.webkit-clamp-09{-webkit-line-clamp:9;}

.flex-start{display: flex;align-items: center;justify-content: flex-start;}
.flex-end{display: flex;align-items: center;justify-content: flex-end;}
.flex-center{display: flex;align-items: center;justify-content: center;}
.flex-between{display: flex;align-items: center;justify-content: space-between;}
.flex-evenly{display: flex;align-items: center;justify-content: space-evenly;}

.contain{display: block;width: 1200px;height: 100%;margin: 0 auto;clear: both;zoom: 1;}